<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  #include("@/include/seo.html")
  #include("@/include/title.html")
</head>

<body>
  #include("@/include/header/header.html")
  <div v-cloak id="lodash">
    {{msg}}
    <hr>
    <div class="content">
      <el-button type="primary" @click='handleChunk'>_.chunk</el-button>
      <el-button type="primary" @click='handleCompact'>_.compact</el-button>
      <el-button type="primary" @click='handleConcat'>_.concat</el-button>
      <el-button type="primary" @click='handleFill'>_.fill</el-button>

      <el-button-group>
        <el-button type="primary" @click='handleDifference'>_.difference</el-button>
        <el-button type="primary" @click='handleDifferenceBy'>_.differenceBy</el-button>
        <el-button type="primary" @click='handleDifferenceWith'>_.differenceWith</el-button>
      </el-button-group>

      <el-button-group>
        <el-button type="primary" @click='handleDrop'>_.drop</el-button>
        <el-button type="primary" @click='handleDropRight'>_.dropRight</el-button>
        <el-button type="primary" @click='handleDropRightWhile'>_.dropRightWhile</el-button>
        <el-button type="primary" @click='handleDropWhile'>_.dropWhile</el-button>
      </el-button-group>
    </div>


  </div>
  #include("@/include/footer/footer.html")
</body>

</html>